<template>
  <div class="row">
    <br>
    <br>
    <div class="col-lg-6 col-sl-12 pull-left">
      <el-form ref="form" :model="form" label-width="150px">
        <el-form-item label="刷新频率（秒）">
          <el-input v-model="form.pvalue_interval" placeholder="请输入刷新频率"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button size="small" type="primary" @click="onSubmit">确认修改</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
let qs = require('qs');
import {editbasicinfo} from '../../api/getApiRes.js'

export default {
  data() {
    return {
      form: {
        pvalue_interval: '12',
      }
    }
  },
  methods: {
    onSubmit() {
      const that = this;
      if (!that.form.pvalue_interval) {
        that.$message({
          showClose: true,
          message: '错了哦，刷新频率不能为空',
          type: 'error'
        });
        return false
      }

      var reg = /^\+?[1-9][0-9]*$/;//验证非零的正整数
      if (!reg.test(that.form.pvalue_interval)) {
        that.$message({
          showClose: true,
          message: '错了哦，刷新频率不是非零的正整数',
          type: 'error'
        });
        return false
      }

      if (that.form.pvalue_interval > 99) {
        that.$message({
          showClose: true,
          message: '错了哦，刷新频率不能大于99',
          type: 'error'
        });
        return false
      }

      let param = {
        pvalue_interval: that.form.pvalue_interval
      };
      let postdata = qs.stringify(param);
      editbasicinfo(postdata).then(res => {
        let json = res;
        if (json.Code == 0) {
          that.$message({
            showClose: true,
            message: '接口修改成功！',
            type: 'success'
          });
        } else {
          that.$message.error(json.Memo);
        }
      })
    },
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
#pages {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  background-color: #F2F2F2;
}

.row {
  width: 100%;
  overflow: hidden;
  background: #fff;
  float: left;
}

.el-button--primary {
  color: #fff;
}
</style>
